<template>
  <div class="scroll">
    <example-card title="评分" url="http://element.eleme.io/#/zh-CN/component/rate">
      <div>
        <el-rate
            v-model="value1"
            :colors="['#99A9BF', '#F7BA2A', '#FF9900']"
            show-text
            :texts="['差', '中下', '中', '中上', '优']"
        />
        {{value1}}
      </div>
      <div>
        <el-rate
            v-model="value2"
            :colors="['#99A9BF', '#F7BA2A', '#FF9900']"
            show-text
            :icon-classes="['el-icon-fa-frown-o', 'el-icon-fa-meh-o', 'el-icon-fa-smile-o']"
            void-icon-class="el-icon-fa-meh-o"
        />
        {{value2}}
      </div>
    </example-card>
  </div>
</template>

<script>
  export default {
    name: "other_rate_view",
    data() {
      return {
        value1: null,
        value2: null
      };
    }
  };
</script>
